<template>
	<view class="head">
			<view class="title">
				<image src="../../static/shebei/back.png" mode="" @click="back"></image>
				<image src="../../static/teamLeaderResult/F5.png" mode=""></image>
			</view>
			<view class="content">
				<image src="../../static/teamLeaderResult/scuess.jpg" mode=""></image>
			</view>
			<view class="foot">
				<h3>{{$t('teamLeaderApply.success.msg')}}</h3>
				<view>
					{{$t('teamLeaderApply.success.con')}}
				</view>
			</view>
			<button type="default">{{$t('teamLeaderApply.success.login')}}</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			back(){
				
				uni.navigateBack({
					
				})
			}
		}
	}
</script>

<style>
.head{
	width: 100%;
	background: linear-gradient(to bottom, #E2FFDC 0%, #FFFFFF 70%);
	margin-bottom: 20rpx;
	height: 600rpx;
}
.title{
	width: 90%;
	margin: auto;
	padding-top: 20rpx;
	display: flex;
	justify-content: space-between;
}
.title>image{
	width: 30rpx;
	height: 30rpx;
}
.content{
	width: 200rpx;
	height: 200rpx;
	position: relative;
	left: 280rpx;
	top: 160rpx;
}
.content>image{
	width: 200rpx;
	height: 200rpx;
	margin: auto;
	text-align: center;
	border-radius: 50%;
}
.foot{
	position: relative;
	top: 400rpx;
	}
	h3{
		margin: auto;
		text-align: center;
	}
	.foot>view{
		width: 76%;
		margin:30rpx auto;
		text-align: left;
		font-size: .7em;
		color: #ABABAB;
	}
	button{
		width: 76%;
		margin: auto;
		background: #FFFFFF;
		border: 4rpx solid #E0E0E0;
		box-shadow: 0px 10rpx 60rpx rgba(0, 0, 0, 0.06);
		opacity: 1;
		position: relative;
		top: 500rpx;
		color: #858585 ;
		height: 80rpx;
        font-weight: bold;
		line-height: 70rpx;
	}
</style>
